<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <!--
        文档对象： document
        write() 向页面输出内容
        网页中事件： 让浏览器在某个事件来执行 什么(方法)
        onload="" 当页面加载完毕之后，来执行
            加载页面所有的标签之后，显示内容之前，这个时间。

        alert() 弹出对话框

        js执行要早于 页面DOM的加载。

        运行顺序：   dom从上向下加载
            head
            body
            end
            onload
            显示页面内容
    -->

    <script>
        console.log('head')
    </script>

</head>
<body onload="console.log('onload')">
    <script>

        console.log('body')
        var d = new Date();
        var time = d.getHours();
        if(time < 10){
            document.write('good morning')
        }else{
            document.write('good day')
        }
        console.log(document.getElementById('p1'))
    </script>
    <p id="p1">xx</p>
</body>
</html>
<script>
    console.log(document.getElementById('p1'))
    console.log('end')
</script>
